<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" /> 
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="css/style.css"/>       
        <link rel="stylesheet" href="assets/css/ace.min.css" />
        <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
        <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
        <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css" />   
		<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
        <!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
	    <script src="js/jquery-1.9.1.min.js"></script>   
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/typeahead-bs2.min.js"></script>
        <script src="assets/js/jquery.dataTables.min.js"></script>
		<!-- page specific plugin scripts -->
        <script type="text/javascript" src="js/H-ui.js"></script> 
        <script type="text/javascript" src="js/H-ui.admin.js"></script> 
        <script src="assets/layer/layer.js" type="text/javascript" ></script>
        <script src="assets/laydate/laydate.js" type="text/javascript"></script>
        <script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script> 
        <script src="js/lrtk.js" type="text/javascript" ></script>
<title>产品列表</title>
</head>
<body>
<div class=" page-content clearfix">
 <div id="products_style">
    <div class="search_style">
     
      <ul class="search_content clearfix">
       <li><label class="l_f">产品名称</label><input name="" type="text"  class="text_add" placeholder="输入品牌名称"  style=" width:250px"/></li>
<!--       <li><label class="l_f">添加时间</label><input class="inline laydate-icon" id="start" style=" margin-left:10px;"></li>-->
       <li style="width:90px;"><button type="button" class="btn_search" id="searchBtn"><i class="icon-search"></i>查询</button></li>
       <li style="width:90px;"><button type="button" class="btn_search" id="searchAllBtn"><i class="icon-search"></i>所有</button></li>
      </ul>
    </div>
     <div class="border clearfix">
       <span class="l_f">
        <a href="picture-add.html" title="添加商品" class="btn btn-warning Order_form"><i class="icon-plus"></i>添加商品</a>
<!--        <a href="javascript:ovid()" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>-->
       </span>
       <span class="r_f">共：<b id="shopTotal">2334</b>件商品</span>
     </div>
         <div class="table_menu_list" id="testIframe">
       <table class="table table-striped table-bordered table-hover" style="width: 1300px;" id="sample-table">
		<thead>
		 <tr>
<!--				<th width="25px"><label><input type="checkbox" class="ace"><span class="lbl"></span></label></th>-->
				<th width="140px">产品编号</th>
				<th width="540px">产品名称</th>
				<th width="100px">原价格</th>
				<th width="100px">现价</th>
                <th width="100px">折扣</th>
				<th width="260px">销量</th>
                <th width="100px">库存</th>
				<th width="70px">状态</th>                
				<th width="400px">操作</th>
			</tr>
		</thead>
	<tbody id ="sample-table-tbody" >
<!--       <tr>-->
<!--        <td width="25px"><label><input type="checkbox" class="ace" ><span class="lbl"></span></label></td>-->
<!--        <td width="80px">786554</td>               -->
<!--        <td width="250px"><u style="cursor:pointer" class="text-primary" onclick="">小米 Max 全网通 高配版 3GB内存 64GB ROM 金色 移动联通电信4G手机Y</u></td>-->
<!--        <td width="100px">5467</td>-->
<!--        <td width="100px">4525</td> -->
<!--        <td width="100px">法国</td>         -->
<!--        <td width="180px">2014-6-11 11:11:42</td>-->
<!--        <td class="text-l">通过</td>-->
<!--        <td class="td-status"><span class="label label-success radius">已启用</span></td>-->
<!--        <td class="td-manage">-->
<!--        <a onClick="member_stop(this,'10001')"  href="javascript:;" title="停用"  class="btn btn-xs btn-success"><i class="icon-ok bigger-120"></i></a> -->
<!--        <a title="编辑" onclick="member_edit('编辑','picture-modify.html','4','','510')" href="javascript:;"  class="btn btn-xs btn-info" ><i class="icon-edit bigger-120"></i></a> -->
<!--        <a title="删除" href="javascript:;"  onclick="member_del(this,'1')" class="btn btn-xs btn-warning" ><i class="icon-trash  bigger-120"></i></a>-->
<!--       </td>-->
<!--	  </tr>-->
    </tbody>
    </table>
             <div id="pageBox">
                 <button id="upPage" onclick="up()" style="margin-left: 42%">上一页</button>
                 <input type="text" id="page" style="width: 35px;text-align: center"/>&emsp;/<input type="text" id="total" style="width: 35px;text-align: center" disabled="disabled"/>
                 <button id="nextPage" onclick="next()">下一页</button>
             </div>
    </div>

  </div>
 </div>
</div>

</body>
</html>
<script>
    var pageTotal;  //总页码
    var currentPage = 1;  //当前页码
    var upPage;     //上一页
    var nextPage;    //下一页
    var shopTotal = $("#shopTotal");    //总商品数
    function getAllShop() {
        $(".text_add").val("");
        $("#start").val("");
        $.ajax({
            url: "http://localhost:8080/SnacksShop/boss.do?type=queryAllShop",
            data: {
                currentPage:currentPage,
                pageSize:7
            },
            crossDomain: true,
            xhrFields: {
                withCredentials: true
            },
            type: "post",
            success: function (data) {
                var obj = JSON.parse(data);
                // console.log(obj);
                if (obj.goods.message == '200'){
                    var object = obj.goods.object
                    var datas = object.datas;
                    info(datas);
                    shopTotal.text(object.count);
                    // console.log(obj)
                    currentPage = object.currentPage;
                    $("#page").val(currentPage);
                    $("#total").val(obj.goods.object.totalPage);
                    nextPage = object.nextPage;
                    upPage = object.upPage;
                    pageTotal = object.totalPage;
                    btnDisabled(object);
                }
            },
            error: function (data) {
                console.log("访问服务器失败");
            }
        });
    };
    getAllShop();
    //商品信息展示
    function info(datas) {
        var tbody = document.getElementById("sample-table-tbody").childNodes;
        if (tbody != null){
            $("#sample-table-tbody").empty();
        }
        for (i of datas){
            var goodsIsActivity = i.goodsIsActivity; //是否参加活动
            var discount = 0;       //折扣
            var nowTime = new Date().getTime(); //当前时间戳
            var price = i.goodsPrice ;//现价
            var startFun ; //启用和禁用按钮
            var edit = "member_edit('编辑','picture-modify.html','4','','510')"; //修改按钮
            var spanTitle = ""; //已上架或已下架
            var title = "";     //按钮文字
            var spanStyle = ""; //span的样式
            var aStyle = "";   //a的样式
            //判断是否参加活动和活动是否过期
            discount = i.goodsDiscount;
            if (discount == '0'){
                price = i.goodsPrice;
            }else {
                price = (i.goodsPrice * discount).toFixed(2);
            }
            //判断是否上架和下架
            if (i.goodsStatus == '1'){
                spanStyle = 'label label-success radius';
                spanTitle = "已上架";
                startFun = "member_stop(this,'"+ i.goodsId +"')";
                title = "下架";
                aStyle = 'btn btn-xs btn-info';
            }else {
                spanStyle = 'label label-defaunt radius';
                spanTitle = "已下架";
                startFun = "member_start(this,'"+ i.goodsId +"')"
                title = "上架";
                aStyle = 'btn btn-xs ';
            }
            var tr = document.createElement("tr");
            tr.innerHTML = "<td>"+ i.goodsId + "</td>"+
                "<td>"+ i.goodsName + "</td>"+
                "<td>"+ i.goodsPrice + "</td>"+
                "<td>"+ price + "</td>"+
                "<td>"+ discount + "</td>"+
                "<td>"+ i.goodsAccumulate + "</td>"+
                "<td>"+ i.goodsNumber + "</td>"+
                "<td class=\"td-status\"><span class=\""+ spanStyle +"\">"+ spanTitle +"</span></td>\n" +
                "        <td class=\"td-manage\">\n" +
                "        <a onClick="+ startFun +"  href=\"javascript:;\" title="+ title +" class=\""+ aStyle +"\"><i class=\"icon-ok bigger-120\"></i></a> \n" +
                "        <a title=\"编辑\" onclick="+ edit +" href=\"javascript:;\"  class=\"btn btn-xs btn-info\" ><i class=\"icon-edit bigger-120\"></i></a> "
                $("#sample-table-tbody").append(tr);
        }
    }
    //判断按钮是否禁用
    function btnDisabled(object) {
        var currentPage = object.currentPage;
        var upPage = object.upPage;
        var nextPage = object.nextPage;
        var upElement = $("#upPage");
        var nextElement = $("#nextPage");
        if (currentPage == upPage){
            upElement.attr("disabled",true);
        }else {
            upElement.attr("disabled",false);
        }
        if (currentPage == nextPage){
            nextElement.attr("disabled",true);
        }else {
            nextElement.attr("disabled",false);
        }
    }
    var searchTextElement = $(".text_add");
    var searchDateElement = $("#start");


    document.getElementById("searchBtn").addEventListener("click",function (){
        var searchText = searchTextElement.val();
        var searchDate = searchDateElement.val();
        if (searchText != ""){   //查询名字
            searchByName(1,searchText)
        }else {
            layer.alert("条件为空 \r\n",{
                title: '提示框',
                icon:0,
            });
        }
    });
    document.getElementById("searchAllBtn").addEventListener("click",function (){
        getAllShop();
    });


    function search(url,page) {
        $.ajax({
            url: url,
            data:{
                currentPage:page,
                pageSize:10
            },
            crossDomain: true,
            xhrFields: {
                withCredentials: true
            },
            type: "post",
            success:function (data){
                var obj = JSON.parse(data);
                if (obj.goods.message == '200') {
                    var object = obj.goods.object;
                    $("#page").val(page);
                    $("#total").val(obj.bossLogs.object.totalPage);
                    var datas = object.datas;
                    info(datas);
                    btnDisabled(object)
                }
            },
            error:function (data){

            }
        });
    }

    //上一页
    function up() {
        var searchText = $(".text_add").val();
        var searchDate = $("#start").val();
        var upPage = parseInt($("#page").val()) - 1;
        if (searchText != ""){
            searchByName(upPage,searchText);
        }else{
            var url = "http://localhost:8080/SnacksShop/boss.do?type=queryAllShop";
            search(url,upPage);
        }

    }
    //下一页
    function next() {
        var searchText = $(".text_add").val();
        var searchDate = $("#start").val();
        var nextPage = parseInt($("#page").val()) + 1;
        if (searchText != ""){
            searchByName(nextPage,searchText);
        }else{
            var url = "http://localhost:8080/SnacksShop/boss.do?type=queryAllShop";
            search(url,nextPage)
        }

    }

    //名字查询
    function searchByName(currentPage,searchText) {
        $.ajax({
            url: "http://localhost:8080/SnacksShop/boss.do?type=queryByNameGoods",
            data:{
                currentPage:currentPage,
                pageSize:7,
                searchText:searchText
            },
            crossDomain: true,
            xhrFields: {
                withCredentials: true
            },
            type: "post",
            success:function (data){
                var obj = JSON.parse(data);
                if (obj.goods.message == '200') {
                    var object = obj.goods.object
                    var datas = object.datas;
                    $("#page").val(currentPage);
                    $("#total").val(obj.goods.object.totalPage);
                    info(datas);
                    btnDisabled(object);
                }else {
                    layer.alert("没有您想要的结果 \r\n",{
                        title: '提示框',
                        icon:0,
                    });
                }
            },
            error:function (data){

            }
        });
    }

    // jQuery(function($) {
// 		var oTable1 = $('#sample-table').dataTable( {
// 		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
// 		"bStateSave": true,//状态保存
// 		"aoColumnDefs": [
// 		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
// 		  {"orderable":false,"aTargets":[0,2,3,4,5,8,9]}// 制定列不参与排序
// 		] } );
//
//
// 				$('table th input:checkbox').on('click' , function(){
// 					var that = this;
// 					$(this).closest('table').find('tr > td:first-child input:checkbox')
// 					.each(function(){
// 						this.checked = that.checked;
// 						$(this).closest('tr').toggleClass('selected');
// 					});
//
// 				});
//
//
// 				$('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
// 				function tooltip_placement(context, source) {
// 					var $source = $(source);
// 					var $parent = $source.closest('table')
// 					var off1 = $parent.offset();
// 					var w1 = $parent.width();
//
// 					var off2 = $source.offset();
// 					var w2 = $source.width();
//
// 					if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
// 					return 'left';
// 				}
// 			});
 laydate({
    elem: '#start',
    event: 'focus' 
});
$(function() { 
	$("#products_style").fix({
		float : 'left',
		//minStatue : true,
		skin : 'green',	
		durationTime :false,
		spacingw:30,//设置隐藏时的距离
	    spacingh:260,//设置显示时间距
	});
});
</script>
<script type="text/javascript">



//初始化宽度、高度  
 $(".widget-box").height($(window).height()-215); 
$(".table_menu_list").width($(window).width()-260);
 $(".table_menu_list").height($(window).height()-215);
  //当文档窗口发生改变时 触发  
    $(window).resize(function(){
	$(".widget-box").height($(window).height()-215);
	 $(".table_menu_list").width($(window).width()-260);
	  $(".table_menu_list").height($(window).height()-215);
	})
 
	
// $(document).ready(function(){
// 	var t = $("#treeDemo");
// 	t = $.fn.zTree.init(t, setting, zNodes);
// 	demoIframe = $("#testIframe");
// 	demoIframe.bind("load", loadReady);
// 	var zTree = $.fn.zTree.getZTreeObj("tree");
// 	zTree.selectNode(zTree.getNodeByParam("id",'11'));
// });
/*产品-停用*/
function member_stop(obj,id){
	layer.confirm('确认要下架吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs " onClick="member_start(this,id)" href="javascript:;" title="上架"><i class="icon-ok bigger-120"></i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
		$(obj).remove();
        shopStatus('stop',id,layer.msg('已下架!',{icon: 5,time:1000}));
		// layer.msg('已停用!',{icon: 5,time:1000});
	});
}

/*产品-启用*/
function member_start(obj,id){
	layer.confirm('确认要上架吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" class="btn btn-xs btn-success" onClick="member_stop(this,id)" href="javascript:;" title="下架"><i class="icon-ok bigger-120"></i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已上架</span>');
		$(obj).remove();
		shopStatus('start',id,layer.msg('已上架!',{icon: 6,time:1000}));
		// layer.msg('已启用!',{icon: 6,time:1000});
	});
}
    //启用和禁用
    function shopStatus(urlStatus,id,msg) {
        $.ajax({
            url: "http://localhost:8080/SnacksShop/boss.do?type="+urlStatus+"Shop",
            type: "post",
            data:{
                id:id,
            },
            crossDomain: true,
            xhrFields: {
                withCredentials: true
            },
            type: "post",
            success:function (data){
                var obj = JSON.parse(data);
                if (obj.status == '200'){
                    msg;
                }
            },
            error:function (data){

            }
        });
    }
/*产品-编辑*/
function member_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}

/*产品-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$(obj).parents("tr").remove();
		layer.msg('已删除!',{icon:1,time:1000});
	});
}
//面包屑返回值
var index = parent.layer.getFrameIndex(window.name);
parent.layer.iframeAuto(index);
$('.Order_form').on('click', function(){
	var cname = $(this).attr("title");
	var chref = $(this).attr("href");
	var cnames = parent.$('.Current_page').html();
	var herf = parent.$("#iframe").attr("src");
    parent.$('#parentIframe').html(cname);
    parent.$('#iframe').attr("src",chref).ready();;
	parent.$('#parentIframe').css("display","inline-block");
	parent.$('.Current_page').attr({"name":herf,"href":"javascript:void(0)"}).css({"color":"#4c8fbd","cursor":"pointer"});
	//parent.$('.Current_page').html("<a href='javascript:void(0)' name="+herf+" class='iframeurl'>" + cnames + "</a>");
    parent.layer.close(index);
	
});
</script>
